<template>
  <div class="box">
    <div class="footer">
      <ol>
        <router-link :to="{path:'/Home'}"><li><span class="iconfont icon-shouye"></span><p>首页</p></li></router-link>
        <router-link :to="{path:'/Menu'}"><li><span class="iconfont icon-tubiaozhizuomoban"></span><p>点单</p></li></router-link>
        <router-link :to="{path:'/Goodslist'}"><li><span class="iconfont icon-shangyebaihuo"></span><p>百货</p></li></router-link>
        <router-link :to="{path:'/Order'}"><li><span class="iconfont icon-dingdan"></span><p>订单</p></li></router-link>
        <router-link :to="{path:'/Me'}"><li><span class="iconfont icon-wode"></span><p>我的</p></li></router-link>
      </ol>
    </div>
  </div>
</template>

<script>
export default {
  name: "Foot",
  data(){
    return{
    }
  }

}
</script>

<style >
.footer {
  width: 100%;
  height: 0.6rem;
  border-top: 0.01rem solid #333;
  padding-top: 0.1rem;
  position: fixed;
  bottom: 0;
  background: ghostwhite;
}
.footer ol {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
}
.footer ol li span {
  width: 100%;
  font-size: 0.2rem;
  color: #888;
  font-weight: 600;
}
.footer ol li {
  width: 10%;
  height: 100%;
  text-align: center;
}
</style>